<%@ page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
	<link rel="stylesheet" media="all" type="text/css" href="${contextPath}css/mainSS.css">

    <script type="text/javascript">
        function ready(){
            var timer = setInterval(function() { updateClock() }, 1000);
        }

        // This function gets the current time and injects it into the DOM
        function updateClock() {
            // Gets the current time
            var now = new Date();

            // Get the hours, minutes and seconds from the current time
            var hours = now.getHours();
            var minutes = now.getMinutes();
            var seconds = now.getSeconds();

            // Format hours, minutes and seconds
            if (hours < 10) {
                hours = "0" + hours;
            }
            if (minutes < 10) {
                minutes = "0" + minutes;
            }
            if (seconds < 10) {
                seconds = "0" + seconds;
            }

            // Gets the element we want to inject the clock into
            var elem = document.getElementById('clock');

            // Sets the elements inner HTML value to our clock data

            //elem.innerHTML = hours + ':' + minutes + ":" + seconds;
            elem.innerHTML = hours + ':' + minutes;
        }

    </script>

</head>
<body onload="updateClock();ready();">
	<div id="wrapper">
		<div id="holdSCR">
			<span id="clock">00:00</span>
			<p>Меню [пусто]</p>
		</div>
	</div>
</body>
</html>